/**
 * @fileoverview Blockly template for Coding in Chrome editor.
 *
 * @license Copyright 2015 The Coding with Chrome Authors.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * @author mbordihn@google.com (Markus Bordihn)
 */
{namespace cwc.soy.ui.BlocklyToolbar autoescape="strict"}


/**
 * Toolbar template.
 */
{template .template}
  {@param prefix: string}

  <div class="mdl-layout__header-row">
    <nav class="mdl-navigation">

      {call cwc.soy.ui.Template.navigationIcon}
        {param prefix: $prefix /}
        {param id: 'save' /}
        {param icon: 'save' /}
        {param title: 'Save the project' /}
      {/call}

      {call cwc.soy.ui.Template.navigationIcon}
        {param prefix: $prefix /}
        {param id: 'undo' /}
        {param icon: 'undo' /}
        {param title: 'Undo last change' /}
      {/call}

      {call cwc.soy.ui.Template.navigationIcon}
        {param prefix: $prefix /}
        {param id: 'redo' /}
        {param icon: 'redo' /}
        {param title: 'Redo last change' /}
      {/call}

      {call cwc.soy.ui.Template.navigationIconText}
        {param prefix: $prefix /}
        {param id: 'variable' /}
        {param icon: 'attach_money' /}
        {param text: '@@BLOCKLY__CREATE_NEW_VARIABLE' /}
        {param title: 'Create new variable...' /}
      {/call}

    </nav>
    <div class="mdl-layout-spacer"></div>
    <nav class="mdl-navigation">

      {call cwc.soy.ui.Template.navigationIcon}
        {param prefix: $prefix /}
        {param id: 'expand' /}
        {param icon: 'fullscreen' /}
        {param title: 'Expand Blockly editor' /}
      {/call}

      {call cwc.soy.ui.Template.navigationIcon}
        {param prefix: $prefix /}
        {param id: 'expand-exit' /}
        {param icon: 'fullscreen_exit' /}
        {param title: 'Collapse Blockly editor.' /}
      {/call}

      {call cwc.soy.ui.Template.navigationIcon}
        {param prefix: $prefix /}
        {param id: 'menu-more' /}
        {param icon: 'more_vert' /}
        {param title: 'More options...' /}
      {/call}

    </nav>
  </div>

  // More menu list
  <ul id="{$prefix}menu-more-list"
      class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect"
      data-mdl-for="{$prefix}menu-more">
  </ul>
{/template}
